<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>样机推荐-大区</title>
		<link rel="stylesheet" href="css/reset.css" />
        <link rel="stylesheet" href="css/platform.css" />
        <link rel="stylesheet" href="css/table.css" />
        <style>
            .search-param .small{
                margin-left: 20px;
            }
            .radio-x .u-radio {
                display: inline-block;
            }
        </style>
	</head>
	<body>
	    <div class="header">
            <div class="u-title">样机推荐</div>
        </div>
        <div class="recommend-manage" ms-controller="mainController">
            <div class="u-tabs">
                <div class="tab-box">
                    <div class="tab sel">样机推荐</div>
                    <div class="tab">top样机</div>
                </div>
                <div class="cnt-box">
                    <div class="cnt">
                        <div class="u-multiform search-param">
                            <div class="column">
                                <label>品类：</label>
                                <div class="cnt-box">
                                    <select ms-duplex="category" ms-change="getList">
                                        <option value="00001">空调</option>
                                        <option value="00002">冰洗</option>
                                        <option value="00003">黑电</option>
                                        <option value="00004">数码</option>
                                        <option value="00005">电脑</option>
                                        <option value="00006">通讯</option>
                                        <option value="00007">小家电</option>
                                        <option value="00013">厨卫</option>
                                    </select>
                                </div>
                                <button class="u-btn small" ms-click="search">查询</button>
                            </div>
                        </div>
                        <div class="tableWrapper">
                        <table class="table">
                            <thead>
                                <tr>
                                    <th>品类</th>
                                    <th>品牌</th>
                                    <th>商品编码</th>
                                    <th>商品名称</th>
                                    <th>销售量</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr ms-repeat-row="tableList">
                                    <td>{{row.cateName}}</td>
                                    <td>{{row.branchName}}</td>
                                    <td>{{row.commCode}}</td>
                                    <td>{{row.commName}}</td>
                                    <td>{{row.saleNum}}</td>
                                </tr>
                            </tbody>
                        </table>
                        </div>
                    </div>
                    <div class="cnt">
                        <div class="u-multiform search-param">
                            <div class="column">
                                <label>品类：</label>
                                <div class="cnt-box">
                                    <select ms-duplex="category2" ms-change="getList2">
                                        <option value="00001">空调</option>
                                        <option value="00002">冰洗</option>
                                        <option value="00003">黑电</option>
                                        <option value="00004">数码</option>
                                        <option value="00005">电脑</option>
                                        <option value="00006">通讯</option>
                                        <option value="00007">小家电</option>
                                        <option value="00013">厨卫</option>
                                    </select>
                                </div>
                            </div>
                            <div class="cnt-box radio-x">
                                <div class="u-radio">
                                    <input name="top" type="radio" value="0" ms-duplex-string="topVal" ms-click="getList2"/>
                                    <span>TOP前20</span>
                                </div>
                                <div class="u-radio" style="margin-left: 10px;">
                                    <input name="top" type="radio" value="1" ms-duplex-string="topVal" ms-click="getList2"/>
                                    <span>TOP后20</span>
                                </div>
                            </div>
                        </div>
                        <div class="tableWrapper">
                        <table class="table">
                            <thead>
                                <tr>
                                    <th>品类</th>
                                    <th>品牌</th>
                                    <th>商品编码</th>
                                    <th>商品名称</th>
                                    <th>销售量</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr ms-repeat-row="tableList2">
                                    <td>{{row.cateName}}</td>
                                    <td>{{row.branchName}}</td>
                                    <td>{{row.commCode}}</td>
                                    <td>{{row.commName}}</td>
                                    <td>{{row.saleNum}}</td>
                                </tr>
                            </tbody>
                        </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="loadData"></div>
        <script src="js/jquery.min.js"></script>
        <script src="js/avalon.shim.sn.js"></script>
        <script src="js/swift-ui-table-1.1.js"></script>
        <script src="js/magicsuggest-min.js"></script>
        <script src="js/DataInterface/DataInterface.js"></script>
        <script src="js/platform.js"></script>
        <script src="js/prototype-recommend-area.js"></script>
        <script src="http://10.27.20.33:8080/rap.plugin.js?projectId=43"></script>
	</body>
</html>
